<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>平台公告</title>
</head>
<style>
	*{
		margin:0;
		padding:0;
	}
	.title{
		width: 100%;
		height:34px;
		line-height:34px;
		background-color:#d73021;
		position: fixed;
		z-index: 100;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.title_nr{
		width: 100%;
		height:34px;
		line-height:34px;
		font-size:17px;
		color:#fff;
		text-align: center;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.off{
		color:#fff;
		font-size: 25px;
		top:0;
		right:10px;
		position:absolute;
		z-index: 101;
	}
	.content{
		width:100%;
		position: absolute;
	}

	.left ul .list_title{
		height:32px;
		line-height:40px;
		border-bottom: 1px solid #f1efef;
		list-style: none;
		line-height:32px;
	}
	.left ul li{/*padding:0 18px;*/width:100%;line-height:33px;}
	.left ul li span{
		display:block;
		padding-left:5px;
		color:#5a8ce8;
		float:left;

	}
	.left{overflow: auto;}
	.left ul li .list_title span{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.left ul li i{
		margin-top:12px;
		width:8px;
		height:8px;
		display:block;
		margin-left:6px;
		border-radius: 50%;
		float:left;margin-right:6px;
		background:#d73021;

	}
	.right{
		width:79%;
		height:415px;
		float:left;
		display:none;
	}
	.right-title{
		height:70px;
		line-height:70px;
		color: red;
		text-align: center;
		margin-left: 30px;
		border-bottom: 1px solid #f1efef;
	}
	.cur{
		background:#f3f1f1;
	}
	.right-content{
		margin-left: 15px;
		margin-top: 15px;
		height:329px;

	}
	.list_content{
		display:none;
		font-size: 14px;
	}
	.list_content span{
		display:block;padding:0 3%;text-indent: 24px;color:#666;width:94%;
	}
	.list_content span img{display:block;width:95%;margin:0 auto;}
</style>
<body>
<div class="content" style="overflow: auto;">
	<div class="left">
		<ul style="list-style-type:none">
		{volist name="list" id="vo" key="key"}
			<li class="list_title"><i></i><span>{$vo.title}</span></li>
			<li class="list_content"><span >{$vo.ggtext}</span></li>
		{/volist}
		</ul>
	</div>
</div>
</body>
<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	$(".left .list_title").click(function(){
		if( 'none' == $(this).next().css('display') ){
			$(".left .list_content").css('display','none');
			$(this).next().css('display','list-item');
		}else{
			$(this).next().css('display','none');
		}
	})
</script>
</html>